<template>
  <div>
    <a-radio-group v-model="value" @change="onChange">
      <label v-for="(item,index) in radioList" :key="index">
          <a-radio class="mb20" :value='index'>{{item.label}}</a-radio>
      </label>
      <!-- <a-radio :value="1">
        A
      </a-radio>
      <a-radio :value="2">
        B
      </a-radio>
      <a-radio :value="3">
        C
      </a-radio>
      <a-radio :value="4">
        D
      </a-radio> -->
    </a-radio-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: '',
                 radioList:[{
                label:'指定成员',
                id:'radio_0'
            },{
                label:'本部门领导',
                id:'radio_1'
            },{
                label:'指定角色',
                id:'radio_2'
            },{
                label:'申请人本人',
                id:'radio_3'
            }],
    };
  },
  methods: {
    onChange(e) {
      console.log('radio checked', e.target.value);
    },
  },
};
</script>
